﻿<!DOCTYPE html>
<html>

<head>
  <!-- Meta, title, CSS, favicons, etc. -->
  <meta charset="utf-8">
  <title>AbsoluteAdmin - A Responsive Boostrap 3 Admin Dashboard</title>
  <meta name="keywords" content="Bootstrap 3 Admin Dashboard Template Theme" />
  <meta name="description" content="AdminDesigns - Bootstrap 3 Admin Dashboard Theme">
  <meta name="author" content="AdminDesigns">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
 

   {include file="/public/import_file" /}

     <!-- Vendor CSS -->
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/static/admin/vendor/plugins/magnific/magnific-popup.css">
   <script type="text/javascript">

   function shows(value){
    var selectedOption = value.options[value.selectedIndex];
    // alert(selectedOption.value);
    if(selectedOption.value==1){
      document.getElementById('hide').style.display ="block";
    }else{
      document.getElementById('hide').style.display ="none";
    }
    
   }



 
   </script>

</head>

<body class="admin-panels-page" data-spy="scroll" data-target="#nav-spy" data-offset="300">

 

  <!-- Start: Main -->
  <div id="main">

    <!-- Start: Header -->
    {include file="/public/header" /}
    <!-- End: Header -->

    <!-- Start: Sidebar -->
    <aside id="sidebar_left" class="nano nano-light affix">

      <!-- Start: Sidebar Left Content -->
      <div class="sidebar-left-content nano-content">

       

        <!-- Start: Sidebar Menu -->
        {include file="/public/menu" /}
        <!-- End: Sidebar Menu -->

	      <!-- Start: Sidebar Collapse Button -->
	      <div class="sidebar-toggle-mini">
	        <a href="#">
	          <span class="fa fa-sign-out"></span>
	        </a>
	      </div>
	      <!-- End: Sidebar Collapse Button -->

      </div>
      <!-- End: Sidebar Left Content -->

    </aside>


    <!-- Start: Content-Wrapper -->
    <section id="content_wrapper">

    

      <!-- Start: Topbar -->
      <header id="topbar" class="alt">
        <div class="topbar-left">
          <ol class="breadcrumb">
            <li class="crumb-active">
              <a href="{:url('Food/food')}">菜品信息管理</a>
            </li>
            <li class="crumb-icon">
              <a href="{url:('Food/food')}">
                <span class="imoon imoon-food"></span>
              </a>
            </li>
           <!--  <li class="crumb-link">
              <a href="{url:('Food/food')}">Home</a>
            </li> -->
            <!-- <li class="crumb-trail">Dashboard</li> -->
          </ol>
        </div>
        <div class="topbar-right">
          
          <div class="ml15 ib va-m" id="toggle_sidemenu_r">
            <a href="#" class="pl5">
              <i class="fa fa-sign-in fs22 text-primary"></i>
              <span class="badge badge-hero badge-danger">3</span>
            </a>
          </div>
        </div>
      </header>
      <!-- End: Topbar -->

      <!-- Begin: Content -->
      <section id="content" class="table-layout animated fadeIn">

      

    {include file="Food/typemenu" /}
         <!-- begin: .tray-center -->
        <div class="tray tray-center">
        
        <form method="post" action="{:url('addfood')}" enctype="multipart/form-data">
          <!-- create new order panel -->
          <div class="panel mb25 mt5" id="{$type.type_id}">
            <div class="panel-heading">
              <input type="hidden" name="type_id" value="{$type.type_id}">
              <span class="panel-title hidden-xs">添加<{if condition="($type.type_id==null)"}<span style="color: red" class="panel-title hidden-xs">您还没有选择菜品类型</span>{else/}{$type.type_name}{/if}></span>            
            </div>
            <div class="panel-body p20 pb10">
              <div class="tab-content pn br-n admin-form">
                <div id="tab1_1" class="tab-pane active">

                  <div class="section row mbn">
                  <div class="col-md-3">
                      <div class="fileupload fileupload-new admin-form" data-provides="fileupload">
                        <div class="fileupload-preview thumbnail mb15">
                          <img data-src="holder.js/100%x147" alt="holder">
                        </div>
                        <span class="button btn-system btn-file btn-block ph5">
                          <span class="fileupload-new">选择图片</span>
                          <span class="fileupload-exists">重新选择</span>
                          <input type="file" name="pic" required >
                       </span>
                      </div>
                    </div>

                    <div class="col-md-9 pl15">
                      <div class="section row mb15">
                        <div class="col-xs-6">
                          <label for="foodname" class="field prepend-icon">
                            <input type="text" name="foodname" id="foodname" class="event-name gui-input br-light light" placeholder="输入菜名">
                            <label for="foodname" class="field-icon">
                              <i class="imoon imoon-food"></i>
                            </label>
                          </label>
                        </div>
                        <div class="col-xs-6">
                          <label for="price" class="field prepend-icon">
                            <input type="text" name="price" id="price" class="event-name gui-input br-light light" placeholder="输入价格">
                            <label for="price" class="field-icon">
                             <i class="fa fa-jpy"></i>
                            </label>
                          </label>
                        </div>
                      </div>
                      <div class="section row mb15">
                        <div class="col-xs-6">
                          <label for="isspecial" class="field prepend-icon">
                            <select class="form-control" name="isspecial"  onclick="shows(this)" required>
                               <option>是否设置特价菜</option>
                               <option value="0">否</option>
                               <option value="1">是</option>
                     
                             </select>
                           
                          </label>
                        </div>
                        <div class="col-xs-6" >
                          <label for="recommand" class="field prepend-icon">
                             <select class="form-control" name="recommand" required  >
                               <option>是否设置为特色菜</option>
                               <option value="0">否</option>
                               <option value="1">是</option>
                     
                             </select>
                          </label>
                        </div>
                      </div>

                       <div class="section row mb15" id="hide" style="display: none;">
                        <div class="col-xs-4">
                          <label for="specialprice" class="field prepend-icon">
                            <input type="text" name="specialprice" id="specialprice" class="event-name gui-input br-light light" placeholder="输入特价价格">
                            <label for="specialprice" class="field-icon">
                              <i class="icon-price-tag "></i>
                            </label>
                          </label>
                        </div>
                        <div class="col-xs-4">
                          <label for="startdate" class="field prepend-icon">
                            <input type="date" name="startdate" id="startdate" class="event-name gui-input br-light light" title="特价起始时间" >
                            <label for="startdate" class="field-icon">
                              <i class="fa fa-calendar"></i>
                            </label>
                          </label>
                        </div>
                        <div class="col-xs-4">
                          <label for="enddate" class="field prepend-icon">
                            <input type="date" name="enddate" id="enddate" class="event-name gui-input br-light light" title="特价终止时间" >
                            <label for="enddate" class="field-icon">
                              <i class="fa fa-calendar"></i>
                            </label>
                          </label>
                        </div>
                      </div>
                      

                      <div class="section row mb15">
                        <div class="col-xs-4">
                          <label for="fee" class="field prepend-icon">
                            <input type="text" name="fee" id="fee" class="event-name gui-input br-light light" placeholder="输入餐盒费用" required>
                            <label for="fee" class="field-icon">
                             <i class="fa fa-jpy"></i>
                            </label>
                          </label>
                        </div>
                        <div class="col-xs-8">
                          <label for="intro" class="field prepend-icon">
                            <input type="text" name="intro" id="intro" class="event-name gui-input br-light light" placeholder="输入菜品介绍" required="">
                            <label for="intro" class="field-icon">
                              <i class="fa fa-pencil"></i>
                            </label>
                          </label>
                        </div>
                      </div>

                       <div class="section row mb15">
                       <div class="col-xs-12">
                       <input type="submit" class="event-name gui-input br-light bg-light" value="点击添加"></div>
                      </div>
                     
                    </div>
                    
                  </div>
                  <!-- end section row -->

                </div>
               
               
              </div>
            </div>
          </div>
       </form>
          <!-- recent orders table -->
         
        <!-- end: .tray-center -->

{if condition="($type.type_id==null)"}<p></p>{else/}


        <!-- begin: .tray-center -->
        <div class="tray tray-center">

          <!-- Begin: Admin Panel Wrapper -->
          <div class="admin-panels mw900 center-block" style="padding-bottom: 125px;">
 
              <!-- AdminPanel Row - General Options -->
             

              <!-- AdminPanel Row - Title -->
              <div class="row mb15">

                <div class="col-md-12 admin-grid">

                  <!-- transparent panel - used for creating titles in admin grids -->
                  <div class="panel panel-transparent" id="pt11">
                    <div class="row">
                      <div class="col-md-4">
                        <h5 class="text-muted mt15">{$type.type_name}</h5>
                      </div>
                      <div class="col-md-8 text-right">
                        <div id="admin-panel-filter">
                          <a data-filter=".panel-system" class="btn btn-system light mr5">特色菜</a>
                          <a data-filter=".panel-success" class="btn btn-success light mr5">主打菜</a>
                          <a data-filter=".panel-warning" class="btn btn-warning light mr5">特价菜</a>
                          <a data-filter=".panel-default" class="btn btn-default light mr5">已售完</a>
                        </div>
                      </div>
                    </div>
                  </div> 

                </div>

              </div>

              <!--  AdminPanel Row - Filter Option -->
              <div class="row admin-filter-panels tray-bin bg-light dark">

                <div class="col-md-12 admin-grid pt20">
                {volist name="foodlist" id="vo2"}  
                 {if condition="($vo2.state == 1) AND ($vo2.recommand ==1) AND ($vo2.isspecial ==0)"}
                  <div class="panel-system col-md-6" data-panel-color="panel-system" data-panel-fullscreen="false" data-panel-title="false" data-panel-remove="false" data-panel-collapse="false" style="margin-bottom: 1%">
                    <div class="panel-heading">
                      <span class="panel-icon">
                        <i class="glyphicon glyphicon-fire"></i>
                      </span>
                     <span class="panel-title" >{if condition="(strlen($vo2.foodname) lt 30)"}{$vo2.foodname}{else/}{$vo2.foodname|mb_substr=0,10,'utf-8'}...{/if}</span>
                   
                      
                      <span class="panel-controls" title="删除" style="margin-left: 2%"><a href="{:url('delfood',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="imoon imoon-remove2"></i></a></span>
                      <span class="panel-controls" title="修改" style="margin-left: 2%"><a href="{:url('edit_food',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="imoon imoon-wrench"></i></a></span>
                      <span class="panel-controls" title="停售" style="margin-left: 2%"><a href="{:url('stopsale',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="icon-dropbox"></i></a></span>
                      <span class="panel-controls" title="设为主打菜" style="margin-left: 2%"><a href="{:url('norecommond',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="glyphicons glyphicons-fast_food"></i></a></span>  

        <!-- <span class="panel-controls" title="特价销售" style="margin-left: 2%">
           <div  id="modal-content">          
             <a class="holder-active" href="#modal-form"></a>
              <div id="animation-switcher">
                <button data-effect="mfp-slideDown" style="border: none;background: transparent;"><i class="icon-price-tag"  data-effect="mfp-slideDown"></i></button>
              </div>             
           </div> 
         </span>  -->


                      
                      
                    </div>
                    <div class="panel-body">

                    <div class="section row mb15">
                        <div class="col-xs-2">
                          <img src="__PUBLIC__/static/admin/Uploads/foodpic/{$vo2.pic}" class="img-responsive" style="height: 40px" >
                        </div>
                        <div class="col-xs-3"  >
                          <span style=" display: block;  width: 280px; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;">{$vo2.intro} </span>  
                          
                          <span style="display: block; width: 280px;margin-top: 16px;margin-left: 150px;">餐盒费：{$vo2.fee}&nbsp;&nbsp;&nbsp;价格：{$vo2.price}</span>
                        </div>
                      </div>                 

                     
                    </div>
                  </div>
                  {elseif condition="($vo2.state == 1) AND ($vo2.isspecial ==1) "}
                  <div class="panel-warning col-md-6"  data-panel-color="panel-warning" data-panel-fullscreen="false" data-panel-title="false" data-panel-remove="false" data-panel-collapse="false" style="margin-bottom: 1%">
                    <div class="panel-heading">
                      <span class="panel-icon">
                        <i class="icon-price-tag"></i>
                      </span>
                      <span class="panel-title"> {if condition="(strlen($vo2.foodname) lt 30)"}{$vo2.foodname}{else/}{$vo2.foodname|mb_substr=0,10,'utf-8'}...{/if}</span>
                      <span class="panel-controls" title="删除" style="margin-left: 2%"><a href="{:url('delfood',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="imoon imoon-remove2"></i></a></span>
                      <span class="panel-controls" title="修改" style="margin-left: 2%"><a href="{:url('edit_food',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="imoon imoon-wrench"></i></a></span>
                      <span class="panel-controls" title="停售" style="margin-left: 2%"><a href="{:url('stopsale',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="icon-dropbox"></i></a></span>                     
                      <span class="panel-controls" title="结束特价" style="margin-left: 2%"><a href="#" ><i class="glyphicons glyphicons-stopwatch"></i></a></span> 
                    </div>
                    <div class="panel-body">
                      <div class="section row mb15">
                        <div class="col-xs-2">
                          <img src="__PUBLIC__/static/admin/Uploads/foodpic/{$vo2.pic}" class="img-responsive" style="height: 40px">
                        </div>
                        <div class="col-xs-3" >
                         <span style=" display: block;  width: 280px; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;">{$vo2.intro} </span>
                         <span style="display: block; width: 310px;font-size: 11px;margin-top: 1px">特价时间：{$vo2.startdate}~{$vo2.enddate}<span style="display: block; width: 310px;margin-left: 80px;padding-bottom: -10px">餐盒费：{$vo2.fee}&nbsp;&nbsp;&nbsp;特价：{$vo2.specialprice}&nbsp;&nbsp;&nbsp;原价：{$vo2.price}</span></span>

                        </div>
                      </div>   

                    </div>
                  </div>


                  {elseif condition="($vo2.state == 1) AND ($vo2.recommand ==0) AND ($vo2.isspecial ==0) "}
                  <div class="panel-success col-md-6"  data-panel-color="panel-success" data-panel-fullscreen="false" data-panel-title="false" data-panel-remove="false" data-panel-collapse="false" style="margin-bottom: 1%">
                    <div class="panel-heading">
                      <span class="panel-icon">
                        <i class="glyphicons glyphicons-fast_food"></i>
                      </span>
                      <span class="panel-title" >{if condition="(strlen($vo2.foodname) lt 30)"}{$vo2.foodname}{else/}{$vo2.foodname|mb_substr=0,10,'utf-8'}...{/if}</span>
                      <span class="panel-controls" title="删除" style="margin-left: 2%"><a href="{:url('delfood',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="imoon imoon-remove2"></i></a></span>
                       <span class="panel-controls" title="修改" style="margin-left: 2%"><a href="{:url('edit_food',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="imoon imoon-wrench"></i></a></span>
                      <span class="panel-controls" title="停售" style="margin-left: 2%"><a href="{:url('stopsale',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="icon-dropbox"></i></a></span>
                      <span class="panel-controls" title="设为特色菜" style="margin-left: 2%"><a href="{:url('isrecommond',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="glyphicon glyphicon-fire"></i></a></span>  
       <!--  <span class="panel-controls" title="特价销售" style="margin-left: 2%">
           <div  id="modal-content">          
             <a class="holder-active" href="#modal-form"></a>
              <div id="animation-switcher">
                <button data-effect="mfp-slideDown" style="border: none;background: transparent;"><i class="icon-price-tag"  data-effect="mfp-slideDown"></i></button>
              </div>             
           </div> 
         </span>  -->
        


                    </div>
                    <div class="panel-body">
                      <div class="section row mb15">
                        <div class="col-xs-2">
                          <img src="__PUBLIC__/static/admin/Uploads/foodpic/{$vo2.pic}" class="img-responsive" style="height: 40px">
                        </div>
                        <div class="col-xs-3" >
                         <span style=" display: block;  width: 280px; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;">{$vo2.intro} </span>
                         <span style="display: block; width: 280px;margin-top: 16px;margin-left: 150px;">餐盒费：{$vo2.fee}&nbsp;&nbsp;&nbsp;价格：{$vo2.price}</span>
                        </div>
                      </div>   

                    </div>
                  </div>
                   {else/}
                   <div class="panel-default col-md-6"  data-panel-color="panel-default" data-panel-fullscreen="false" data-panel-title="false" data-panel-remove="false" data-panel-collapse="false" style="margin-bottom: 1%">
                    <div class="panel-heading">
                      <span class="panel-icon">
                        <i class="icon-dropbox "></i>
                      </span>
                     <span class="panel-title" >{if condition="(strlen($vo2.foodname) lt 30)"}{$vo2.foodname}{else/}{$vo2.foodname|mb_substr=0,10,'utf-8'}...{/if}</span>
                      <span class="panel-controls" title="删除" style="margin-left: 2%"><a href="{:url('delfood',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="imoon imoon-remove2"></i></a></span>
                       <span class="panel-controls" title="修改" style="margin-left: 2%"><a href="{:url('edit_food',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="imoon imoon-wrench"></i></a></span>
                      <span class="panel-controls" title="开售" style="margin-left: 2%"><a href="{:url('sale',array('food_id'=>$vo2['food_id'],'type_id'=>$vo2['type_id']))}" ><i class="fa fa-tag"></i></a></span>
                      
                    </div>
                    <div class="panel-body">
                      <div class="section row mb15">
                        <div class="col-xs-2">
                          <img src="__PUBLIC__/static/admin/Uploads/foodpic/{$vo2.pic}" class="img-responsive" style="height: 40px">
                        </div>
                        <div class="col-xs-3" >
                         <span style=" display: block;  width: 280px; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;">{$vo2.intro} </span>
                         <span style="display: block; width: 280px;margin-top: 16px;margin-left: 150px;">餐盒费：{$vo2.fee}&nbsp;&nbsp;&nbsp;价格：{$vo2.price}</span>
                        </div>
                      </div>   

                    </div>
                  </div>
                  {/if}

   <!-- Admin Form Popup -->
        <div id="modal-form" class=" popup-basic admin-form mfp-with-anim mfp-hide" style="width: 250px">
          <div class="panel">
          <div class="panel-footer" style="padding-top: 17px">
          <i class="icon-price-tag"><a href="{$vo2.foodname}"></a></i>
          <span  style="font-size: 16px;margin-left: 7px" ></span></div>
           
            <!-- end .panel-heading section -->

            <form method="post" action="#"   enctype="multipart/form-data">
              <div class="panel-body p25">
                <div class="section row">
                  <div class="col-md-12" >
                       <div style="margin-top: 20px"> 
                        <label for="specialprice" class="field prepend-icon">
                           <input type="text" name="specialprice" id="specialprice" class="event-name gui-input br-light light" placeholder="输入特价价格">
                           <label for="specialprice" class="field-icon">
                              <i class="icon-price-tag "></i>
                            </label>
                          </label>
                        </div>
                        <div style="margin-top: 20px"> 
                         <label for="startdate" class="field prepend-icon">
                            <input type="date" name="startdate" id="startdate" class="event-name gui-input br-light light" title="特价起始时间" >
                            <label for="startdate" class="field-icon">
                              <i class="fa fa-calendar"></i>
                            </label>
                          </label>
                         </div>
                         <div style="margin-top: 20px"> 
                         <label for="enddate" class="field prepend-icon">
                            <input type="date" name="enddate" id="enddate" class="event-name gui-input br-light light" title="特价终止时间" >
                            <label for="enddate" class="field-icon">
                              <i class="fa fa-calendar"></i>
                            </label>
                          </label>
                          </div>

                  </div>
                  <!-- end section -->
             
                </div>
                <!-- end section row section -->

              </div>
              <!-- end .form-body section -->

              <div class="panel-footer">
               <input type="submit" class="button btn-warning" style="width: 215px" value="特价销售"  />            
              </div>
              <!-- end .form-footer section -->
            </form>
          </div>
          <!-- end: .panel -->
        </div>
        <!-- end: .admin-form -->            



                 {/volist}
                 
                

                 
                  

                


                </div>






           







              </div>


          </div>
          <!-- End: Admin Panel Wrapper -->

        </div>
        <!-- end: .tray-center -->
{/if}
      </section>
      <!-- End: Content -->

    </section>

  
     



    <!-- Start: Right Sidebar -->
    <aside id="sidebar_right" class="nano affix">

      <!-- Start: Sidebar Right Content -->
      <div class="sidebar-right-content nano-content">

        <div class="tab-block sidebar-block br-n">
          <ul class="nav nav-tabs tabs-border nav-justified hidden">
            <li class="active">
              <a href="#sidebar-right-tab1" data-toggle="tab">Tab 1</a>
            </li>
            <li>
              <a href="#sidebar-right-tab2" data-toggle="tab">Tab 2</a>
            </li>
            <li>
              <a href="#sidebar-right-tab3" data-toggle="tab">Tab 3</a>
            </li>
          </ul>
          <div class="tab-content br-n">
            <div id="sidebar-right-tab1" class="tab-pane active">

              <h5 class="title-divider text-muted mb20"> Server Statistics
                <span class="pull-right"> 2013
                  <i class="fa fa-caret-down ml5"></i>
                </span>
              </h5>
              <div class="progress mh5">
                <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 44%">
                  <span class="fs11">DB Request</span>
                </div>
              </div>
              <div class="progress mh5">
                <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 84%">
                  <span class="fs11 text-left">Server Load</span>
                </div>
              </div>
              <div class="progress mh5">
                <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 61%">
                  <span class="fs11 text-left">Server Connections</span>
                </div>
              </div>

              <h5 class="title-divider text-muted mt30 mb10">Traffic Margins</h5>
              <div class="row">
                <div class="col-xs-5">
                  <h3 class="text-primary mn pl5">132</h3>
                </div>
                <div class="col-xs-7 text-right">
                  <h3 class="text-success-dark mn">
                    <i class="fa fa-caret-up"></i> 13.2% </h3>
                </div>
              </div>

              <h5 class="title-divider text-muted mt25 mb10">Database Request</h5>
              <div class="row">
                <div class="col-xs-5">
                  <h3 class="text-primary mn pl5">212</h3>
                </div>
                <div class="col-xs-7 text-right">
                  <h3 class="text-success-dark mn">
                    <i class="fa fa-caret-up"></i> 25.6% </h3>
                </div>
              </div>

              <h5 class="title-divider text-muted mt25 mb10">Server Response</h5>
              <div class="row">
                <div class="col-xs-5">
                  <h3 class="text-primary mn pl5">82.5</h3>
                </div>
                <div class="col-xs-7 text-right">
                  <h3 class="text-danger mn">
                    <i class="fa fa-caret-down"></i> 17.9% </h3>
                </div>
              </div>

              <h5 class="title-divider text-muted mt40 mb20"> Server Statistics
                <span class="pull-right text-primary fw600">USA</span>
              </h5>


            </div>
            <div id="sidebar-right-tab2" class="tab-pane"></div>
            <div id="sidebar-right-tab3" class="tab-pane"></div>
          </div>
          <!-- end: .tab-content -->
        </div>
      </div>
    </aside>
    <!-- End: Right Sidebar -->

  </div>
  <!-- End: Main -->


  <style>
  /* page demo styles */
  #p13 .panel-colorbox .bg-primary,
  #p13 .panel-colorbox .bg-info,
  #p13 .panel-colorbox .bg-danger,
  #p13 .panel-colorbox .bg-alert,
  #p13 .panel-colorbox .bg-dark {
    display: none;
  }
  </style>

  <!-- BEGIN: PAGE SCRIPTS -->

  <!-- jQuery -->
  <script src="__PUBLIC__/static/admin/vendor/jquery/jquery-1.11.1.min.js"></script>
  <script src="__PUBLIC__/static/admin/vendor/jquery/jquery_ui/jquery-ui.min.js"></script>

 <!-- Page Plugins -->
  <script src="__PUBLIC__/static/admin/vendor/plugins/magnific/jquery.magnific-popup.js"></script>

<!-- FileUpload JS -->
  <script src="__PUBLIC__/static/admin/vendor/plugins/fileupload/fileupload.js"></script>
  <script src="__PUBLIC__/static/admin/vendor/plugins/holder/holder.min.js"></script>


  <!-- Theme Javascript -->
  <script src="__PUBLIC__/static/admin/assets/js/utility/utility.js"></script>
  <script src="__PUBLIC__/static/admin/assets/js/demo/demo.js"></script>
  <script src="__PUBLIC__/static/admin/assets/js/main.js"></script>
  <script type="text/javascript">
  jQuery(document).ready(function() {

    "use strict";

    // Init Theme Core    
    Core.init();

    // Init Demo JS  
    Demo.init();


    // Init Widget Demo JS
    // demoWidgets.init();

    // Because we are using Admin Panels we use the OnFinish 
    // callback to activate the demoWidgets. It's smoother if
    // when we let the panels be moved and organized before 
    // filling them with content from various plugins

    // Init plugins used on this page
    // HighCharts, JvectorMap, Admin Panels

    // Init Admin Panels on widgets inside the ".admin-panels" container
    $('.admin-panels').adminpanel({
      grid: '.admin-grid',
      draggable: true,
      mobile: false,
      callback: function() {
        bootbox.confirm('<h3>A Custom Callback!</h3>', function() {});
      },
      onFinish: function() {
        $('.admin-panels').addClass('animated fadeIn').removeClass('fade-onload');

        // Init Demo settings 
        $('#p0 .panel-control-color').click();

        // Init Demo settings 
        $('#p1 .panel-control-title').click();

        // Create an example admin panel filter
        $('#admin-panel-filter a').on('click', function() {
          var This = $(this);
          var Value = This.attr('data-filter');

          // Toggle any elements whos name matches
          // that of the buttons attr value
          $('.admin-filter-panels').find($(Value)).each(function(i, e) {
            if (This.hasClass('active')) {
              $(this).slideDown('fast').removeClass('panel-filtered');
            } else {
              $(this).slideUp().addClass('panel-filtered');
            }
          });
          This.toggleClass('active');
        });

      },
      onSave: function() {
        $(window).trigger('resize');
      }
    });


    var modalContent = $('#modal-content');

    modalContent.on('click', '.holder-style', function(e) {
      e.preventDefault();

      modalContent.find('.holder-style').removeClass('holder-active');
      $(this).addClass('holder-active');
    });

    function findActive() {
      var activeModal = modalContent.find('.holder-active').attr('href');
      return activeModal;
    };

    // Form Skin Switcher
    $('#animation-switcher button').on('click', function() {
      $('#animation-switcher').find('button').removeClass('active-animation');
      $(this).addClass('active-animation item-checked');

      // Inline Admin-Form example 
      $.magnificPopup.open({
        removalDelay: 500, //delay removal by X to allow out-animation,
        items: {
          src: findActive()
        },
        // overflowY: 'hidden', // 
        callbacks: {
          beforeOpen: function(e) {
            var Animation = $("#animation-switcher").find('.active-animation').attr('data-effect');
            this.st.mainClass = Animation;
          }
        },
        midClick: true // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source.
      });

    });





  });
  </script>
  <!-- END: PAGE SCRIPTS -->


</body>

</html>
